<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="../css/08.css">
  <link rel="stylesheet" href="../css/layui.css">
  <script src="../js/layui.js"></script>
</head>

<body>
  <!-- 导航 -->
  <div class="header_top">
    <div class="header_top2">
      <ul class="h_left">
        <li class="layui-icon Quanq">全球
          <span>&#xe61a;</span>
          <ul class="List_ul">
            <li>河南</li>
            <li>彭于晏</li>
            <li>业哥</li>
            <li>周口</li>
            <li>吴彦祖</li>
            <li>业哥</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
            <li>123</li>
          </ul>
        </li>
        <li class="layui-icon Yongh">用户名
          <span>&#xe61a;</span>
          <div class="My_Xin">
            <div class="box1">
              <span onclick="bakeHander()">退出</span>
              <span>|</span>
              <span><a href="./06-账号管理.html">账号管理</a></span>
            </div>
            <div class="Tp_box">
              <div class="My_imgt">图片</div>
              <div class="My_p">
                <p>淘气值：<span>2323</span></p>
                <p>普通会员</p>
              </div>
            </div>
            <div id="QuanYi">查看你的专属权益</div>
          </div>
        </li>
        <li class="layui-icon Dengl">
          <i><a href="./02-登录.html">亲，请登录，免费注册</a></i>
        </li>
        <li>手机逛淘宝</li>
        <li>网页无障碍</li>
      </ul>
      <ul class="h_right">
        <li class="layui-icon Wod">我的淘宝
          <span>&#xe61a;</span>
        </li>
        <li class="layui-icon" onclick="GoHander()"><span>&#xe657;</span> 购物车</li>
        <li class="layui-icon Shouc">收藏夹
          <span>&#xe61a;</span>
        </li>
        <li>商品分类 免费开店</li>
        <li class="layui-icon Maij">卖家中心
          <span>&#xe61a;</span>
        </li>
        <li class="layui-icon Yeg">联系业哥
          <span>&#xe61a;</span>
        </li>
      </ul>
    </div>
  </div>

  <!-- --------- -->
  <div class="bigIpt_main">
    <div class="bigIpt_center">
      <!-- 淘宝logo -->
      <div class="TB_img">
        <img src="../img/TB.png" alt="">
      </div>

      <!-- 中间输入框 -->
      <div id="bigSsbox">
        <div id="Ssbox">

          <div id="BaoBei">
            宝贝
            <span class="layui-icon layui-icon-triangle-d"></span>
          </div>
          <input type="text" placeholder="小白鞋" id="IptKuang">
          <ul>
            <!-- <li></li> -->
          </ul>
          <div>
            <button id="SouSuo">搜索</button>
          </div>

        </div>
      </div>


      <!-- 右边的二维码 -->
      <div class="Ervma_img">
        <p>下载淘宝</p>
        <img src="../img/EVM.jpg" alt="">
      </div>
    </div>
  </div>
  <!-- ---- -->
  <div class="main_bigbox">
    <div class="main_BigMain">
      <div class="main_left">
        <h2>分类</h2>
        <ul>
          <li>
            <i class="layui-icon">&#xe62e;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">女装</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">内衣</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">奢品</a>
          </li>
          <li>
            <i class="layui-icon">&#xe636;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">女鞋</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">男鞋</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">鞋包</a>
          </li>
          <li>
            <i class="layui-icon">&#xe633;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">美妆</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">饰品</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">洗漱</a>
          </li>
          <li>
            <i class="layui-icon">&#xe62c;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">男装</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">运动</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">百货</a>
          </li>
          <li>
            <i class="layui-icon">&#xe628;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">手机</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">数码</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">企业礼品</a>
          </li>
          <li>
            <i class="layui-icon">&#xe60c;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">家装</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">电器</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">车品</a>
          </li>
          <li>
            <i class="layui-icon">&#xe609;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">食品</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">生鲜</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">母婴</a>
          </li>
          <li>
            <i class="layui-icon">&#xe600;</i>
            <a href="https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?wh_pid=dailyAct-257518">医药</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=内衣">保健</a>
            <span>/</span>
            <a href="https://s.taobao.com/search?q=奢品">进口</a>
          </li>
        </ul>
      </div>
      <!--  -->
      <div class="main_right">

        <div class="main_rgtTop">
          <p>
            <span>天猫</span>
            <span>聚划算</span>
            <span>天猫超市</span>
            <span>司法拍卖</span>
            <span>飞猪旅行</span>
            <span>天天特卖</span>
            <span>极有家</span>
            <span>淘宝直播</span>
          </p>
        </div>


        <div class="main_bigmain">

          <div class="big_LBT">
            <div class="layui-carousel" id="ID-carousel-demo-image">
              <div carousel-item style="border-radius: 20px;">
                <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-1.jpg"></div>
                <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-2.jpg"></div>
                <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-3.jpg"></div>
                <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-4.jpg"></div>
                <div><img src="https://unpkg.com/outeres/demo/carousel/720x360-5.jpg"></div>
              </div>
            </div>
          </div>

          <!-- 登录样式 -->
          <div class="MyXX_id">
            <div>
              <div class="MyImg">
                <img src="../img/getAvatar.jpg" alt="">
              </div>
              <div class="My_2p">
                <p>Hi!</p>
                <p>超级无敌暴龙战士</p>
              </div>
            </div>

            <div class="My_box1">
              <div>
                <p>111</p>
                <p>购物车</p>
              </div>
              <div>
                <p>12</p>
                <p>待收货</p>
              </div>
              <div>
                <p>0</p>
                <p>待发货</p>
              </div>
              <div>
                <p>0</p>
                <p>代付款</p>
              </div>
              <div>
                <p>2</p>
                <p>待评价</p>
              </div>
            </div>
            <div class="Wuliu">
              物流信息
            </div>
            <div class="My_Log">
              <div>
                <p class="layui-icon">&#xe600;</p>
                <p>宝贝收藏</p>
              </div>
              <div>
                <p class="layui-icon">&#xe628;</p>
                <p>买过的店</p>
              </div>
              <div>
                <p class="layui-icon">&#xe63a;</p>
                <p>收藏的店</p>
              </div>
              <div>
                <p class="layui-icon">&#xe60e;</p>
                <p>我的足迹</p>
              </div>
            </div>
            <div class="footer_1p">
              啊实打实大撒大声地
            </div>
          </div>

          <!-- 没有登录的样式 -->
          <div class="MyXX_Noid">
            <div class="Noid_img">
              <img src="../img/getAvatar.jpg" alt="">
            </div>
            <p>Hi! 你好</p>
            <div class="My_btn">
              <div>登录</div>
              <div>注册</div>
              <div>开店</div>
            </div>
            <div class="My_Log">
              <div>
                <p class="layui-icon">&#xe600;</p>
                <p>宝贝收藏</p>
              </div>
              <div>
                <p class="layui-icon">&#xe628;</p>
                <p>买过的店</p>
              </div>
              <div>
                <p class="layui-icon">&#xe63a;</p>
                <p>收藏的店</p>
              </div>
              <div>
                <p class="layui-icon">&#xe60e;</p>
                <p>我的足迹</p>
              </div>
            </div>
            <div class="footer_p">啊实打实大撒大声地</div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- ------猜你喜欢------ -->
  <div class="main_foot">
    <div class="main_h3">
      <h3>猜你喜欢</h3><span>个性推荐</span>
    </div>

    <div class="main_ShangPin" id="myElement">

      <!--  <a href="">
        <div class="ShangPin">
          <div class="boxImg">
            <img src="" alt="">
          </div>
          <div class="boxTxt">
            <div class="title1">
            </div>
            <div class="title2">
              <div>运险费</div>
              <div>满10减200</div>
            </div>
            <div class="title3">￥11</div>
          </div>
        </div>
      </a> -->
    </div>
    <div id="content"></div>
  </div>

  <!-- 粘性定位 视口右边 -->
  <div class="big_right">
    <div>
      <p class="layui-icon layui-icon-dialogue"></p>
      <p>消息</p>
    </div>
    <div>
      <p class="layui-icon layui-icon-service"></p>
      <p>官方客服</p>
    </div>
    <div>
      <p class="layui-icon layui-icon-survey"></p>
      <p>反馈</p>
    </div>
    <div>
      <p class="layui-icon layui-icon-tips"></p>
      <p>举报</p>
    </div>
    <div class="add_box" style="display: none;">
      <P class="layui-icon layui-icon-top"></P>
      <P>回顶部</P>
    </div>
  </div>

  <script src="../js/axios.js"></script>
  <script src="../js/a.js"></script>
  <script src="../js/03-首页.js"></script>
</body>

</html>